/*
 * @Description:
 * @Author: william
 * @Date: 2024-03-08 14:11:52
 * @LastEditors: william
 * @LastEditTime: 2025-01-24 11:40:40
 */

const baseSize = 100 // 跟postcss.config.js中rootValue的值是一致的
// 设置 rem 函数
function setRem() {
  // 当前页面宽度相对于 375 宽的缩放比例，可根据自己需要修改。
  // const scale = document.documentElement.clientWidth / 375
  // 设置页面根节点字体大小 最高为两倍图 即设计稿为750
  // document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'
  const clientWidth = document.documentElement.clientWidth
  const fontSize = (clientWidth / 1440) * baseSize
  switch (true) {
    // 超大屏
    case clientWidth > 1920:
      // fontSize = fontSize * 0.95
      break
    // 台式电脑/大屏
    case clientWidth > 1440:
      // fontSize = baseSize
      break
    // 平板/笔记本电脑
    case clientWidth > 768:
      // fontSize = baseSize
      break
    // 小屏
    default:
      // fontSize = baseSize
      break
  }
  document.documentElement.style.fontSize = `${fontSize}px`
}

// 初始化
setRem()
// 改变窗口大小时重新设置 rem
window.onresize = () => {
  setRem()
}
